<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<section class="media" th:if="not ${#lists.isEmpty(dataMap['list'])}" th:each="topic : ${dataMap['list']}">
    <div class="media-body">
        <p>
            <span>
             <img class="img-circle lazy vam" th:attr="data-original=${topic['createUser']!=null&&topic['createUser']['avatar']?topic['createUser']['avatar']:''}" width="26" height="26" th:src="@{{path}/front/web/v3/img/default/default-face.gif(path=${staticPath})}" />
                <b class="c-666 fs12 ml5 vam"  th:text="${topic['createUser']!=null&&topic['createUser']['nickname']!=null?topic['createUser']['nickname']:topic['createUser']!=null&&topic['createUser']['realname']!=''?topic['createUser']['realname']:''}"></b>
                <small class="fs12 c-ccc ml10 vam" th:text="${#strings.substring(topic['createTime'],0,16)}"></small>
            </span>
        </p>
        <section class="hLh30 txtOf">
            <a th:href="@{/web/classes/topic/info?id={id}(id=${topic['id']})}" target="_blank" class="fs18 c-333" th:text="${topic['title']}"></a>
        </section>
        <section class="cm-desc-txt__twoLine">
            <span class="c-999" th:utext="${#strings.abbreviate(topic['content'],129)}"></span>
        </section>
        <section class="mt10">
                <span class="mr20">
                    <a href="javascript:void(0)" class="label mr10" th:text="${topic['topicTypeName']}"></a>
                </span>
            <span class="mr20 c-ccc fs12" title="浏览量"><i class="fa fa-eye"></i> <span th:text="${topic['lookNum']}"></span></span>
            <span class="mr20 c-ccc fs12" title="评论数"><i class="fa fa-commenting"></i> <span th:text="${topic['replyNum']}"></span></span>
            <span class="mr20 c-ccc fs12" title="点赞数"><i class="fa fa-heart"></i> <span th:text="${topic['likeNum']}"></span></span>
        </section>
    </div>

    <div class="media-right"  th:if="${topic['topicImages']}!=null and ${topic['topicImages']}!=''">
        <section class="topic-pic__wrap">
            <a th:href="@{/web/classes/topic/info?id={id}(id=${topic['id']})}" ><img class="lazy" th:attr="data-original=${#strings.listSplit(topic['topicImages'], ',')[0]}"></a>
        </section>
    </div>
    <hr>
</section>
<input hidden id="pageEnd" th:value="${dataMap['pages']}" />

</html>